:root{--smoky-black-1:hsla(40, 12%, 5%, 1);--smoky-black-2:hsla(30, 8%, 5%, 1);--smoky-black-3:hsla(0, 3%, 7%, 1)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#333;position:fixed;top:0;left:0;width:100%;z-index:2;flex-direction:column;align-items:center;opacity:.85}.navbar-list{list-style:none;padding:0;margin:0;display:flex}.navbar-item{margin-right:20px}.navbar-link{text-decoration:none;color:#fff;font-size:16px;transition:color .3s}.navbar-link:hover{color:#ccc}@media (max-width:768px){.navbar-item{margin:10px 0}}@media (min-aspect-ratio:1/1){.back,.book,.front,button{transition:transform .5s}#next-btn,#prev-btn,.book{position:relative}:root{--number_of_pages:7}desktop-btn{display:none}body{margin-top:60px;background-color:var(--eerie-black-1);color:var(--white);font-family:var(--fontFamily-dm_sans);font-size:var(--fontSize-body-4);font-weight:var(--weight-regular);line-height:var(--lineHeight-5);overflow:hidden;height:85vh;display:flex;justify-content:center;align-items:center;font-family:sans-serif;background:var(--smoky-black-1) url('../assets/images/footer-form-bg.png')}.book{width:445px;height:600px}.back,.front,.paper{position:absolute;top:0;left:0}.paper{width:100%;height:95%;perspective:1500px}.back,.front{background-color:#2f0202;width:110%;height:110%;transform-origin:left}.front{z-index:1;backface-visibility:hidden;border-left:3px solid #696969}#p4,.back{z-index:0}.back-content,.front-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.back-content{transform:rotateY(180deg)}.flipped .back,.flipped .front{transform:rotateY(-180deg)}button{border:none;background-color:transparent;cursor:pointer;margin:10px;z-index:500}button:focus{outline:0}button:hover i{color:#ef0606}i{font-size:50px;color:#ffaa01}#p1{z-index:3}#p2{z-index:2}#p3{z-index:1}img{height:650px;width:480px}#prev-btn{left:-14dvw;top:300px}#next-btn{left:40dvw;top:-23pc}.desktop-btn{display:block}}@media (max-aspect-ratio:1/1){:root{--number_of_pages:14}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;background-color:var(--eerie-black-1);color:var(--white);font-family:var(--fontFamily-dm_sans);font-size:var(--fontSize-body-4);font-weight:var(--weight-regular);line-height:var(--lineHeight-5);min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--smoky-black-1) url('../assets/images/footer-form-bg.png')}.mobile-btn{border:none;background-color:transparent;cursor:pointer;transition:transform .5s;z-index:500;position:absolute;top:51%;transform:translateY(-50%)}.mobile-btn:focus{outline:0}.mobile-btn i{font-size:35px;opacity:.7;color:#ffaa01}#prev-btn-mobile{left:10px}#next-btn-mobile{right:10px}.wrapper{position:relative;width:95vw;height:85vh}.wrapper .img{position:absolute;top:.5pc;width:100%;height:95%}.wrapper .img img{height:100%;width:100%;object-fit:fill;clip-path:circle(0% at 100% 0%);transition:.9s}#eight:checked~.img-1 img,#eight:checked~.img-2 img,#eight:checked~.img-3 img,#eight:checked~.img-4 img,#eight:checked~.img-5 img,#eight:checked~.img-6 img,#eight:checked~.img-7 img,#eight:checked~.img-8 img,#eleven:checked~.img-1 img,#eleven:checked~.img-10 img,#eleven:checked~.img-11 img,#eleven:checked~.img-2 img,#eleven:checked~.img-3 img,#eleven:checked~.img-4 img,#eleven:checked~.img-5 img,#eleven:checked~.img-6 img,#eleven:checked~.img-7 img,#eleven:checked~.img-8 img,#eleven:checked~.img-9 img,#five:checked~.img-1 img,#five:checked~.img-2 img,#five:checked~.img-3 img,#five:checked~.img-4 img,#five:checked~.img-5 img,#four:checked~.img-1 img,#four:checked~.img-2 img,#four:checked~.img-3 img,#four:checked~.img-4 img,#fourteen:checked~.img-1 img,#fourteen:checked~.img-10 img,#fourteen:checked~.img-11 img,#fourteen:checked~.img-12 img,#fourteen:checked~.img-13 img,#fourteen:checked~.img-14 img,#fourteen:checked~.img-2 img,#fourteen:checked~.img-3 img,#fourteen:checked~.img-4 img,#fourteen:checked~.img-5 img,#fourteen:checked~.img-6 img,#fourteen:checked~.img-7 img,#fourteen:checked~.img-8 img,#fourteen:checked~.img-9 img,#nine:checked~.img-1 img,#nine:checked~.img-2 img,#nine:checked~.img-3 img,#nine:checked~.img-4 img,#nine:checked~.img-5 img,#nine:checked~.img-6 img,#nine:checked~.img-7 img,#nine:checked~.img-8 img,#nine:checked~.img-9 img,#one:checked~.img-1 img,#seven:checked~.img-1 img,#seven:checked~.img-2 img,#seven:checked~.img-3 img,#seven:checked~.img-4 img,#seven:checked~.img-5 img,#seven:checked~.img-6 img,#seven:checked~.img-7 img,#six:checked~.img-1 img,#six:checked~.img-2 img,#six:checked~.img-3 img,#six:checked~.img-4 img,#six:checked~.img-5 img,#six:checked~.img-6 img,#ten:checked~.img-1 img,#ten:checked~.img-10 img,#ten:checked~.img-2 img,#ten:checked~.img-3 img,#ten:checked~.img-4 img,#ten:checked~.img-5 img,#ten:checked~.img-6 img,#ten:checked~.img-7 img,#ten:checked~.img-8 img,#ten:checked~.img-9 img,#thirteen:checked~.img-1 img,#thirteen:checked~.img-10 img,#thirteen:checked~.img-11 img,#thirteen:checked~.img-12 img,#thirteen:checked~.img-13 img,#thirteen:checked~.img-2 img,#thirteen:checked~.img-3 img,#thirteen:checked~.img-4 img,#thirteen:checked~.img-5 img,#thirteen:checked~.img-6 img,#thirteen:checked~.img-7 img,#thirteen:checked~.img-8 img,#thirteen:checked~.img-9 img,#three:checked~.img-1 img,#three:checked~.img-2 img,#three:checked~.img-3 img,#twelve:checked~.img-1 img,#twelve:checked~.img-10 img,#twelve:checked~.img-11 img,#twelve:checked~.img-12 img,#twelve:checked~.img-2 img,#twelve:checked~.img-3 img,#twelve:checked~.img-4 img,#twelve:checked~.img-5 img,#twelve:checked~.img-6 img,#twelve:checked~.img-7 img,#twelve:checked~.img-8 img,#twelve:checked~.img-9 img,#two:checked~.img-1 img,#two:checked~.img-2 img{clip-path:circle(150% at 0% 100%)}.wrapper .sliders{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:99;display:flex}.wrapper .sliders label{border:2px solid #8ec5fc;width:13px;height:13px;margin:0 3px;border-radius:50%;cursor:pointer;transition:.9s;position:relative;bottom:-3.5pc}#eight:checked~.sliders label.eight,#eleven:checked~.sliders label.eleven,#five:checked~.sliders label.five,#four:checked~.sliders label.four,#fourteen:checked~.sliders label.fourteen,#nine:checked~.sliders label.nine,#one:checked~.sliders label.one,#seven:checked~.sliders label.seven,#six:checked~.sliders label.six,#ten:checked~.sliders label.ten,#thirteen:checked~.sliders label.thirteen,#three:checked~.sliders label.three,#twelve:checked~.sliders label.twelve,#two:checked~.sliders label.two,.wrapper .sliders label:hover{background:#8ec5fc}input[type=radio]{display:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#333}.navbar-list{list-style:none;padding:0;margin:0;display:flex}.navbar-item{margin-right:20px}.navbar-link{text-decoration:none;color:#fff;font-size:16px;transition:color .9s}.navbar-link:hover{color:#ccc}}